"use client";

import React from "react";

const MoveDown = () => {
  const handleClick = () => {
    window.scrollTo({
      top:
        window.screen.width >= 768
          ? window.innerHeight * 1.075 + 60
          : window.innerHeight,
      left: 0,
      behavior: "smooth",
    });
  };

  return (
    <div
      className="absolute bottom-20 right-1/2 transform translate-x-1/2 cursor-pointer z-[9999]"
      onClick={handleClick}
    >
      <div
        className={`
        relative grid h-[30px] w-[20px] justify-center rounded-full border-2 border-blue-300 pt-2
        md:h-[38px] md:w-[26px]
      `}
      >
        <div
          className={`
          h-[5px] w-[2px] rounded-full bg-blue-300
          md:h-[7px]
        `}
        />
      </div>
    </div>
  );
};

export default MoveDown;
